.page-wrap{
  background: #f3f3f3;
  height: 100%;
  overflow: hidden;
}

.list-page{
  height: 100%;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.search-box .am-search{
  background: #108ee9;
}
 
.scroll-box{
  height: calc(~"100% - 45px");
}

.am-card{
  margin-top: 10px;
  padding-bottom: 0;
  .am-card-body{
    padding-bottom: 10px;
  }
  .status{
    font-size: 14px;
    color: #4CAF50;
  }
  .carno{
    padding: 0 5px;
    border: 1px solid #f50;
    color: #f50;
    border-radius: 4px; 
  }
  .row{
    display: flex;
    margin-bottom: 5px;
    label{
      width: 86px;
      color: #999;
      font-size: 14px;
      margin-right: 30px;
      text-align:justify;
      text-justify:distribute-all-lines;/*ie6-8*/
      text-align-last:justify;/* ie9*/
      -moz-text-align-last:justify;/*ff*/
      -webkit-text-align-last:justify;/*chrome 20+*/
    }

    span{
      padding-right: 10px;
    }
  }
  .btn{
    font-weight: bold;
    i{
      padding: 0 5px;
    }
    &.pingjia{
      color: #4CAF50;
    }
    &.ditu{
      color: #a30;
    }
  }
  .footer{
    display: flex;
    .btn{
      flex: 1;
      text-align: center;
      padding: 8px 15px;
      border-top: 1px solid #eee;
      border-left: 1px solid #eee;
      &:first-child{
        border-left: none;
      }
    }
  }
}